<template>
    <div>
        <div class="form-item form-item-style1">
            <div class="label-title">
                <label>单位名称</label>
            </div>
            <div>
                <p>{{detailData.WorkDeptName}}</p>
            </div>
        </div>
        <div class="form-item form-item-style2">
            <div class="label-title">
                <label>演练题目</label>
            </div>
            <div>
                <p class="textarea">{{detailData.PlanTopic}}</p>
            </div>
        </div>
        <div class="form-item form-item-style2">
            <div class="label-title space-between">
                <div class="space-between">
                    <label>主要情景</label>
                </div>
                <span @click="unfoldMeasure = !unfoldMeasure">{{unfoldMeasure?'收起': '展开'}}</span>
            </div>
            <div>
                <p class="textarea"
                   :class="{'unfold':unfoldMeasure}">{{detailData.MainScene}}</p>
            </div>
        </div>
        <div class="form-item form-item-style1">
            <div class="label-title">
                <label>演练时间</label>
            </div>
            <div>
                <p>{{detailData.PlanTime?detailData.PlanTime.split(' ')[0]:''}}</p>
            </div>
        </div>
        <div class="form-item form-item-style1">
            <div class="label-title">
                <label>演练方式</label>
            </div>
            <div>
                <p>{{detailData.PlanType}}</p>
            </div>
        </div>
        <div class="form-item form-item-style2">
            <div class="label-title">
                <label>备注</label>
            </div>
            <div>
                <p class="textarea">{{detailData.Remark}}</p>
            </div>
        </div>
        <myMenu></myMenu>
    </div>
</template>
<script>
import myMenu from '@/commonComponents/menu'
export default {
    name: 'planDetail',
    components: {
        myMenu
    },
    data () {
        return {
            unfoldMeasure: false,
            detailData: {}
        }
    },
    created () {
        this.detailData = JSON.parse(this.$route.query.detail)
    }
}
</script>
<style scoped>
</style>
